<template>
  <div class="homeWrap">
    <el-container style="height: 100%">
      <el-aside width="15%">
        <user-manage />
      </el-aside>
      <el-container>
        <el-header>
          <top-menu :defaultActiveIndex.sync="activeIndex" />
        </el-header>
        <el-main>
          <resource-list v-if="activeIndex === '1'" />
          <register-list v-if="activeIndex === '2'" />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import TopMenu from "@/views/home/top-menu";
import UserManage from "./source-manage.vue";
import ResourceList from "../resource-manage/resource-list.vue";
import RegisterList from "../register-history/register-list.vue";
import InterestList from "../interest-list/interest-list.vue";
export default {
  components: { TopMenu, UserManage, ResourceList, RegisterList, InterestList },
  data() {
    return {
      activeIndex: "1",
      ethAddrList: [],
    };
  },
  methods: {
    test() {
      console.log("999", this.activeIndex);
    },
  }
};
</script>
<style>
.el-footer {
  background-color: #545c64;
  color: #333;
  text-align: center;
  line-height: 60px;
}

.el-aside {
  background-color: #545c64;
}

.homeWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
